<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/loogin.css">
    <link rel="stylesheet" href="./css/reset.css">
    <title>login</title>
</head>
<style>
    body {
        height: 100%;
        width: 100%;
    }

    .bg {
        background: url('./img/bg.jpeg') center no-repeat;
        background-size: 100% 100%;
        height: 100%;
        width: 100%;
        position: relative;
    }

    .header {
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: rgb(252, 251, 251, 0.8);
        padding: 5px 20px;
    }

    .nav {

        width: 40%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 30px;
        font-weight: bold;
        /*font-family: '华文隶书';*/

    }

    .logo {
        background: url('./img/logo.jpeg') center no-repeat;
        height: 55px;
        width: 130px;
        background-size: 100% 100%;
    }

    .logoBody {
        background: rgb(252, 251, 251, 0.8);

        position: absolute;
        top: 50%;
        left: 75%;
        transform: translate(-50%, -50%);
        border-radius: 20px;
        box-shadow: 0 0 80px 10px #fff;

        padding: 35px 45px;
    }


    .login {
        height: 100%;
        width: 80%;
        /* display: flex; */

    }

    .content {
        font-size: 30px;
        color: rgba(204, 204, 204);
        margin-bottom: 40px;
    }

    input {
        width: 270px;
        height: 30px;
        margin-bottom: 40px;
    }

    button {
        width: 278px;
        height: 38px;

    }

    .errorSpan {
        position: absolute;
        top: 80px;
        color: red;
        font-size: 16px;
    }
</style>

<body>
<div class="bg">
    <div class="header">
        <div class="logo">

        </div>
        <div class="nav">
            <div>LOVO-DMS宿管系统</div>
            <div></div>
            <div></div>

        </div>

    </div>
    <div class="logoBody">
        <div class="login">
            <span class="errorSpan" id="errorSpan"></span>
            <div class="content">账号登陆</div>

            <input type="text" id="nameText" placeholder="请输入用户名">
            <input type="password" id="pwdText" placeholder="请输入密码">
            <button onclick="login();">登陆</button>
        </div>

    </div>


</div>
</body>
<script src="/js/axios.min.js"></script>
<script src="/js/query.js"></script>
<script src="/js/login.js"></script>
</html>